
$(function () {
    $(window).scroll(function () {
        setTimeout(function () {
            if ($(window).scrollTop() > 1920) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                console.log($(window).scrollTop());
                $('.box-bottom-logo').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
            }
        }, 500);
        setTimeout(function () {
            if ($(window).scrollTop() > 1920) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#ul1').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#ul1').css({
                })
            }
        }, 800);
        setTimeout(function () {
            if ($(window).scrollTop() > 1950) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img11').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img11').css({
                })
            }
        }, 1100);

        setTimeout(function () {
            if ($(window).scrollTop() > 1950) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img12').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img12').css({
                })
            }
        }, 1300);
        setTimeout(function () {
            if ($(window).scrollTop() > 1950) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img13').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img13').css({
                })
            }
        }, 1600);
        setTimeout(function () {
            if ($(window).scrollTop() > 1950) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img14').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img14').css({
                })
            }
        }, 1800);
        setTimeout(function () {
            if ($(window).scrollTop() > 1950) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#text1').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#text1').css({
                })
            }
        }, 2100);
        setTimeout(function () {
            if ($(window).scrollTop() > 1950) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#text2').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#text2').css({
                })
            }
        }, 2400)
        setTimeout(function () {
            if ($(window).scrollTop() > 100) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img1').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img1').css({
                })
            }
        })

        setTimeout(function () {
            if ($(window).scrollTop() > 100) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img2').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img2').css({
                })
            }
        })
        setTimeout(function () {
            if ($(window).scrollTop() > 1000) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img3').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img3').css({
                })
            }
        })
        setTimeout(function () {
            if ($(window).scrollTop() > 1000) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img4').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img4').css({
                })
            }
        })
        setTimeout(function () {
            if ($(window).scrollTop() > 1000) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img5').css({
                    'transform': 'scale(1)',
                    'opacity': '1',
                })
            } else {
                $('#img5').css({
                })
            }
        })
        setTimeout(function () {
            if ($(window).scrollTop() > 1000) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img6').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img6').css({
                })
            }
        }, 600)
        setTimeout(function () {
            if ($(window).scrollTop() > 1000) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#img7').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#img7').css({
                })
            }
        }, 600)
        setTimeout(function () {
            if ($(window).scrollTop() > 1800) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#id1').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#id1').css({
                })
            }
        },)
        setTimeout(function () {
            if ($(window).scrollTop() > 1800) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#id2').css({
                    'transform': 'translateX(0)',
                    'opacity': '1',
                })
            } else {
                $('#id2').css({
                })
            }
        },)
        setTimeout(function () {
            if ($(window).scrollTop() > 1900) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#ip1').css({
                    'transform': 'translateY(0)',
                    'opacity': '1',
                })
            } else {
                $('#ip1').css({
                })
            }
        },)
        setTimeout(function () {
            if ($(window).scrollTop() > 1900) {//这里100代表你要动画的元素离最顶层的距离，console.log一下就知道了。
                $('#ip2').css({
                    'transform': 'translateY(0)',
                    'opacity': '1',
                })
            } else {
                $('#ip2').css({
                })
            }
        },)
    })


    var top = $('.nav').offset().top;
    $(window).scroll(function () {
        if ($(window).scrollTop() > top) {
            $('.nav').addClass('nav1');
            $('.top').addClass('top1');
            $('.hide1').addClass('hide');

        } else {
            $('.nav').removeClass('nav1');
            $('.top').removeClass('top1');
            $('.hide1').removeClass('hide');
        }
    })
})
$('.tob2').click(function () {
    $('#tabulation').toggle();
})
$('#i1').click(function () {
    $('.talu1').hide()
    $('.talu2').show()
})
$('#i2').click(function () {
    $('.talu2').hide()
    $('.talu1').show()
})
// $('.hide3').mouseout(function () {
//     $('.hide1').css({
//         'display': 'none'
//     })
// })
// $('.hide3').mouseenter(function () {
//     $('.hide1').css({
//         'display': 'block'
//     })
// })
var hide3 = document.getElementById('hide3')
var hide = document.getElementById('hide1')
hide3.addEventListener('mouseover', function () {
    hide.style.display = 'block'
})
hide3.addEventListener('mouseout', function () {
    hide.style.display = 'none'
})
hide.addEventListener('mouseover', function () {
    this.style.display = 'block'
})
hide.addEventListener('mouseout', function () {
    this.style.display = 'none'
})


// window.addEventListener('resize', function () {
//     var lun1 = document.getElementById("lun1");
//     var lun2 = document.getElementById("lun2");
//     if (window.innerWidth <= 768) {
//         lun1.src = './img/yd1.jpeg'
//     }
//     if (window.innerWidth <= 768) {
//         lun2.src = './img/yd2.jpeg'
//     }
// })
